<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>社科(智库)专家信息管理平台</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- <link rel="shortcuticon" href="../images/icon.ico" /> -->
    <link rel="shortcut icon" type="image/x-icon" href="../images/hutong.png">
    <link href="../lib/css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/common.css" rel="stylesheet">
    <link href="../css/login.css" rel="stylesheet">
    <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!-- The fav icon -->
</head>

<body class="loginbody">
<div class="col-md-10 col-md-offset-1">
    <nav class="navbar navbar-default">
      <div class="container-fluid">
        <div class="navbar-header">
          <a class="navbar-brand" href="#">
            <img alt="社会科学院" src="../images/bag.jpg">
          </a>
        </div>
         <ul class="text-right ComLogin">
            <li class="Llogin">登录</li>
            <li><a href="sign.html">注册</a></li>
          </ul>
      </div>
    </nav>
    <div class="container-full">
        <div class="marcenter Lloginbox">
            <ul class="nav nav-tabs" id="TabList" role="tablist">
               <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">手机号登录</a></li>
               <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">账号登录</a></li>
             </ul>

             <!-- Tab panes -->
             <div class="tab-content">
               <div role="tabpanel" class="tab-pane active" id="home">
                   <p>
                       <label for="" class="col-sm-3 control-label">手机号</label>
                       <input type='text' onkeyup="this.value=this.value.replace(/[^a-zA-Z0-9\s]+$/,'')" onafterpaste="this.value=this.value.replace(/[^a-zA-Z0-9\s]+$/,'')" id="mobilePhone" placeholder="请输入您的手机号" class="col-sm-9" />
                   </p>
                   <p>
                       <label for="" class="col-sm-3 control-label">验证码</label>
                       <input type='text' id='yanzheng' placeholder="请输入验证码" maxlength="10" class="col-sm-5" />
                       <span class="btn bgcolor" id='checkCode'>获取验证码</span>
                   </p>
                    <p class="phref">
                       <a href='PhoneActivation.html'>重新激活</a>
                       <a href='ForgetPassword.html'>忘记密码？</a>
                    </p>
                   <button class="butsubmit mobileSubmit">登录</button> 
               </div>
               <div role="tabpanel" class="tab-pane" id="profile">
                  <p>
                      <label for="" class="col-sm-3 control-label">账号</label>
                      <input type='text' onkeyup="this.value=this.value.replace(/[^a-zA-Z0-9\s]+$/,'')" onafterpaste="this.value=this.value.replace(/[^a-zA-Z0-9\s]+$/,'')" id="userName" placeholder="请输入您的手机号或身份证号" class="col-sm-9" />
                  </p>
                  <p>
                      <label for="" class="col-sm-3 control-label">密 码</label>
                      <input type='password' id='NewPass' placeholder="请输入密码" maxlength="16" class="col-sm-9" />
                  </p>
                  <p class="phref">
                       <a href='EmailActivation.html'>重新激活</a>
                       <a href='ForgetPassword.html'>忘记密码？</a>
                    </p>
                   <button class="butsubmit accountSubmit">登录</button> 
               </div>
             </div>

        </div>
    </div>
    <div class="comfooter">       
        <ul>
        <li>合作单位：</li>
        <li>江苏省社科院人事处</li> 
        <li>浙江省社科院人事处</li> 
        <li>四川省社科院人事处</li> 
        <li>990市民社会</li>
        </ul>
        <p >版权所有：上海社会科学院尚社学人</p>
        <p>地址：中国上海市黄浦区淮海中路622弄7号 邮编：200020 电话：021-33165064 E-mail:ssxr@sass.org.cn </p>
    </div>
    </div>
    <script src="../lib/jquery-1.12.4.min.js"></script>
    <script src="../lib/jquery/jquery-ui.min.js"></script>
    <script src="../lib/js/bootstrap.min.js"></script>
    <script src="../lib/touch-ripple.js"></script>
    <script src="../lib/jQuery.md5.js"></script>
    <script src="../lib/app.js"></script>
    <script src="../js/login.js"></script>
</body>

</html>
<script>
$(function() {
    $('.container-full').height($(window).height()-220)
    //btn
    function myBrowser() {
        var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
        var isOpera = userAgent.indexOf("Opera") > -1;
        if (isOpera) {
            return "Opera"
        }; //判断是否Opera浏览器
        if (userAgent.indexOf("Firefox") > -1) {
            return "FF";
        } //判断是否Firefox浏览器
        if (userAgent.indexOf("Chrome") > -1) {
            return "Chrome";
        }
        if (userAgent.indexOf("Safari") > -1) {
            return "Safari";
        } //判断是否Safari浏览器
        if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
            return "IE";
        }; //判断是否IE浏览器
    }
    //以下是调用上面的函数
    var mb = myBrowser();
    if ("Chrome" == mb) {
        new TouchRipple('.butsubmit', {
            color: 'rgba(255,255,255,.2)',
            time: 800,
            size: null
        });
    }

 $(document).on('click','.Llogin',function(){
   $('.marcenter').show()
 })

})
</script>
